<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="./js/jquery.min.js"></script>
    <div>1111</div>
    <div>2222</div>
    <div>3333</div>
    <div>4444</div>
    <div>5555</div>
    <div>6666</div>


</body>
<script>
    $(function() {

        let arr = [1,2,3,4,5,8,67,7];

        $.each( $('div'), function(index, iterm) {
            console.log( $(iterm).text() )
            console.log( index)
        })
        
        console.log('----------------------')
        $('div').each((index, iterm) => {
            console.log($(iterm).text())
            console.log(index)
            
        })

        console.log('----------------------')
        $.each( $(arr), function(index, element) {
            console.log( element )
            console.log( index)
        })
    })
</script>
</html>